﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trasitional.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="stylesheet"
			href="/static/css/table.css" type="text/css">
		<script type="text/javascript"
			src="/static/javascript/comm/comm.js">
		</script>
		<!--以下3个js库必须按照顺序引入-->
		<!--vue脚本库-->
		<script type="text/javascript"
				src="/static/js/vue-3.2.4.global.js">
			<!--axios脚本库-->
		</script>
		<script type="text/javascript"
				src="/static/js/axios-0.18.0.min.js">
		</script>
		<!--我们自己封装的axios函数库 -->
		<script type="text/javascript"
				src="/static/js/axios-helper.js">
		</script>
	</head>
	<body id="app">
		<form method="post" action="../customiz/customizAction!findAttribute">
			<table width="100%">
				<tr>
					<td>
						<font color="black">您正在做的业务是：人力资源--客户化设置--人力资源档案管理设置--职称设置
						</font>
					</td>
				</tr>
				<tr>
					<td align="right">
						 
					</td>
				</tr>
			</table>
			<table width="100%" border="1" cellpadding=0 cellspacing=1
				bordercolorlight=#848284 bordercolordark=#eeeeee
				class="TABLE_STYLE1">
				<tr>
					<td width="80%" class="TD_STYLE1">
						职称名称
					</td>
					<td width="20%" class="TD_STYLE1" align="center">
						删除
					</td>
				</tr>
				<template v-for="item in configPublicCharList">
					<tr  v-if="item.attributeKind=='职称'">
						<td class="TD_STYLE2" :value="item.pbcid">
							{{item.attributeName}}
						</td>
						<td class="TD_STYLE2" align="center">
							<a href="javascript:void(0)" @click="del(item.pbcid)">删除</a>
						</td>
					</tr>
				</template>

			</table>
			<p>
				 
		</form>
	</body>
	<script type="module">
		Vue.createApp({
			data(){
				return{
					configPublicCharList:[]
				}
			},
			methods:{
				loadconfigPublicCharList(){
					requestPostman("/configPublicChar/queryList").then((data)=>{
						console.info("***data",data);
						this.configPublicCharList=data;
					})
				}
				,
				del(pbcid){
					requestDelete("/configPublicChar/del",{
						pbcid:pbcid
					}).then((data)=>{
						if(data.statusCode==1){
							this.loadconfigPublicCharList();
						}else{
							alert("删除失败");
						}
					});
				}
			},
			created(){
				this.loadconfigPublicCharList();
			}
		}).mount("#app");
	</script>
</html>

